.go-live-box {
  width: 92px;
  height: 120px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.72);
  overflow: hidden;
  position: fixed;
  right: 10px;
  top: 250px;
  z-index: 99999;
  text-align: center;

  .go-live-icon {
    width: 46px;
    height: 46px;
    margin: 16px auto 0;
    border-radius: 50%;
    background-image: linear-gradient(45deg, #ee7794, #ec5071);

    .loader {
      position: relative;
      width: 46px;
      height: 46px;
      border-radius: 50%;

      .line {
        width: 6px;
        height: 26px;
        position: absolute;
        border-radius: 3px;
        bottom: 10px;
        background: #fff;
      }

      .line1 {
        left: 12px;
        animation: line-grow 0.5s ease alternate infinite;
      }

      .line2 {
        left: 21px;
        animation: line-grow 0.5s 0.2s ease alternate infinite;
      }

      .line3 {
        left: 30px;
        animation: line-grow 0.5s 0.4s ease alternate infinite;
      }

      @-webkit-keyframes line-grow {
        0% {
          height: 6px;
        }
        100% {
          height: 26px;
        }
      }

      @keyframes line-grow {
        0% {
          height: 6px;
        }
        100% {
          height: 26px;
        }
      }
    }
  }

  text, .taro-text {
    color: #333;
    font-size: 20px;
  }
}
